<template>
	<view class="bibi border-b text-white" :style="{borderColor:config.borderColor}">
		<view class="flex justify-between p-3 items-center">
			<view class="flex gap-1 items-center font-bold text-xl" @click="selectFn">
				{{title}} <u-icon name="arrow-down-fill" color="#fff" size="16"></u-icon>
			</view>
			<view class="flex gap-1">
				<u-icon :name="star==true?'star-fill':'star'" :color="star==true?'#ceb359':'#9fa6b5'" size="22"></u-icon>
				<view @click="navigatorTo()" class="iconfont icon-24gl-chartBarUpward" style="color:#ceb359;font-size: 20px;"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		props:{
			title:{
				type: String,
				default: ""
			},
			leftIconColor:{
				type: String,
				default: ""
			},
			leftIcon:{
				type: String,
				default: ""
			},
		},
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		components: {},
		data() {
			return {
				star:false,// 是否收藏

			}
		},
		onLoad(op) {},
		methods: {
			// 选择
			selectFn(){
				this.$emit('select',true)
			},
			
			navigatorTo(){
				uni.navigateTo({
					url: '/pages/tradingview/index/index',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="scss">
</style>